<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字体系列</title>
    <!--字体系列-->
    <!--font-family 属性设置文本的字体系列。-->
    <!--font-family 属性应该设置几个字体名称作为一种"后备"机制，如果浏览器不支持第一种字体，他将尝试下一种字体。-->
    <!--注意: 如果字体系列的名称超过一个字，它必须用引号，如Font Family："宋体"。-->
    <!--多个字体系列是用一个逗号分隔指明：-->
    <style>
        p.serif{font-family: "Times New Roman",Times,Serif;}
        p.sansserif{font-family: Arial,Helvetical,sans-serif;}
    </style>
</head>
<body>
<h1>CSS font-family</h1>
<p class="serif">这一段的字体是Times New Roman</p>
<p class="sansserif">这一段的字体是Arial.</p>
<p class="sansserif">这一段的字体是Arial.</p>
</body>
</html>